<template>
  <div class="content">
    <dv-full-screen-container>
      <div class="content-box">
        <workShop1 v-if="$route.name === 'workShop1'" />
        <workShop2 v-if="$route.name === 'workShop2'" />
        <home v-if="$route.name === 'home'" />
        <workShopMsg v-if="$route.name === 'workShopMsg'" />
        <assemblyModel v-if="$route.name === 'assemblyModel'" />

        <homeFake v-if="$route.name === 'homeFake'" />
        <workShop1Fake v-if="$route.name === 'workShop1Fake'" />
        <workShopMsgFake v-if="$route.name === 'workShopMsgFake'" />
      </div>
    </dv-full-screen-container>
  </div>
</template>

<script>
import workShop1 from "./workShop1.vue";
import workShop2 from "./workShop2.vue";
import home from "./home.vue";
import workShopMsg from "./workShopMsg.vue";
import assemblyModel from "./assemblyModel.vue";

import homeFake from "./fake/homeFake.vue";
import workShop1Fake from "./fake/workShop1Fake.vue";
import workShopMsgFake from "./fake/workShopMsgFake.vue";
export default {
  name: "index",
  components: {
    workShop1,
    workShop2,
    home,
    workShopMsg,
    assemblyModel,

    homeFake,
    workShop1Fake,
    workShopMsgFake,
  },
  // 添加其他选项
  data() {
    return {
      title: "",
    };
  },
  created() {},
};
</script>

<style lang="scss" scoped>
.big-screen {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  text-align: center;
  /* 调整样式以适应大屏 */
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}
</style>
